TQEWITT Advanced

Edit 3 …
This workshop will walk participants through the development of a website. Since a website needs content, we will use the lessons of this workshop as the content of our website, as modelled here. Participants will go home with a website that they can use in the classroom.

DOWNLOAD TUTORIAL-
AdvancedWorkshop.pdf

EXAMPLE WEBSITE- http://tqewitt.com/advanced/
TEMPLATE FILE (right-click > Save File As... or Save Target As...)-
template.html


    1. Create folder on Desktop
    2. Download template.html from Wiki
    3. View Online: Anatomy of a Website
    4. Fireworks: Create Buttons
    5. Fireworks: Create 2nd Buttons for Rollover
    6. Fireworks: Create Title Banner Graphic
    7. Dreamweaver: Open template.html
    8. Dreamweaver: Change CSS Styles
    9. Dreamweaver: Change Page Properties
    10. Dreamweaver: Change Table & Cell Properties
    11. Dreamweaver: Insert Title Banner Graphic
    12. Dreamweaver: Insert Buttons
    13. Dreamweaver: Create Rollover Buttons
    14. Dreamweaver: Link Buttons
    15. Dreamweaver: Create Pages Using “Save As…”
    16. Dreamweaver: Add Content to Pages
    17. Download Image from Pics4Learning.com
    18. Fireworks: Edit Photo
    19. Fireworks: Add Photo to Title Banner Image
    20. Dreamweaver: Insert Photos to “Photo Editing” page
    21. Download Image from Pics4Learning.com
    22. Fireworks: Give Photos Fancy Edges
    23. Dreamweaver: Insert Images to “Photo Finishes” page
    24. Upload and share websites